<template>
  <div class="wrapper-main">
    <div class="banner-box"></div>
    <div class="wrapper-content">
      <sticky>
        <div style="background: #FAFAFA; ">
          <h1 style="margin: 0; line-height: 1.5">二级路由演示</h1>
          <router-link to="/product/list">ListPage</router-link>
          <router-link to="/product/edit">EditPage</router-link>
        </div>
      </sticky>
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
  </div>
</template>

<script>
import Sticky from '@/components/Sticky'
export default {
  name: 'Product',
  components: { Sticky },
  data() {
    return {

    }
  }
}
</script>

<style scoped type="text/less" lang="less">
@import "../../assets/css/product.less";
</style>
